<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/gray/easyuia.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/css/bass.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/colors/jquery-colorpicker.css">
	
    <style>
        *{font-family: '微软雅黑';}
        legend{display: none;}
        .easyui-linkbutton,#fieldAnalysis_targetSelect{display: inline-block;*display:inline;*zoom:1;}
        .panel-title{font-size: 14px; font-size:0.14rem;font-family:'Microsoft_YaHei3cf95e4e345e7';}
        .ClassyColor .slider .handle{display: block;}
        .tabs-panels{height:350px}
    </style>

    <script type="text/javascript">
        function pupopen(){
            document.getElementById("bg").style.display="block";
            document.getElementById("popbox").style.display="block" ;
        }
        function pupclose(){
            document.getElementById("bg").style.display="none";
            document.getElementById("popbox").style.display="none" ;
        }
    </script>
</head>
<body>
    <form class="f14 rf14 mt10 ml10 mb10">
        <fieldset >
            <legend>地市领域分析</legend>

            <label class="ml5" style="color: red">报表类型:
                <select class="easyui-combobox" name="formid"  id="formid" style="width:190px;">
                    <c:forEach var="formOption" items="${formes}">
                        <option value="${formOption.id}">${formOption.name}</option>
                    </c:forEach>
                </select>
            </label>

            <label for="indicatorTypeSelect" class="pl20 pr10">领域：</label>
            <input name="indicatorTypeSelect" id="indicatorTypeSelect" class="w150 easyui-combobox">

            <label id="insert_html"></label>

            <span style="margin-left: 10px">年份:</span>
            <select id="comboboxYear" class="easyui-combobox" name="comboboxYear"></select>

            <label for="iname" class="pl20"></label>
            <input name="iname" id="iname" class="w150">

            <a href="#" class="easyui-linkbutton" onclick="query();" title="模糊搜索">模糊搜索</a>
            <a href="#" class="easyui-linkbutton ml20" onclick="Save_Excel()" data-options="iconCls:'icon-excel'" title="导出excel">导出excel</a>

            <a href="#" class="easyui-linkbutton" onclick="pupopen()">颜色编辑</a>
            <div id="bg"></div>
            <div id="popbox">
                <div id="title"><span>颜色编辑</span><a href="#" class="fr" onclick="pupclose()" id="closepanel">x</a></div>
                <div id="annualAnalysis_colorSelect" style="line-height: 30px; z-index: 999"></div>
            </div>

            <a href="javascript:void(0)" id="mb" class="easyui-menubutton w120" data-options="menu:'#mm',iconCls:'icon-zhuti'">主题</a>
            <div id="mm" style="width:100px;">
                <div class="menu-sep"></div>
                <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_dark">反差色</div>
                <div class="menu-sep"></div>
                <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_infographic">无竖线</div>
                <div class="menu-sep"></div>
                <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_macarons">白色</div>
                <div class="menu-sep"></div>
                <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_vintage">泛黄色</div>
                <div class="menu-sep"></div>
                <div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_default">还原</div>
                <div class="menu-sep"></div>
            </div>
        </fieldset>
    </form>

    <table class="easyui-panel" >
        <div title="指标查询">
            <table id="ttIndicator" rownumbers="true" ></table>
        </div>
    </table>

    <table class="easyui-panel" >
        <div title="指标列表">
            <table id="ttIndicatorSelect" rownumbers="true" ></table>
        </div>
        <div><div onclick="queryList();"  class="easyui-linkbutton" iconCls="icon-search">查询选中</div></div>
    </table>

    <div style="width:100%">
        <div id="annualAnalysis_chart" class="easyui-panel" title="数据图形" data-options="collapsible:true,onCollapse:show.photoshow,onExpand:show.chartshow,collapsed:true" style="width: 99%;">
            <div id="tabDiv" name="tabDiv" fit="true" plain="true" class="easyui-tabs" style="width:98%;">
                <div title="数据图形" style="display:none;" >
                    <div id="annualAnalysis_containerzhuzi"></div>
                </div>
                <div title="领域指标占比"  style="overflow:auto;display:none;" >
                    <div id="annualAnalysis_containerzhuzi2"></div>
                </div>
            </div>
        </div>
        <div class="easyui-panel" title="报表列表" style="width: 99%;" id="tableView">
            <table id="annualAnalysis_tt"></table>
        </div>
    </div>

    <script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.easyuia.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/echarts/dark.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/echarts/infographic.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/echarts/macarons.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/echarts/vintage.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/colors/jquery-colorpicker.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/views/hostPath.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/analysis/fieldAnalysis_county.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/analysis/annualAnalysis.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/load/loadIndicatorFromsType.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/ExportExcelDlg.js"></script>

</body>
</html>
